/*   
Theme Name: bluePen Editor
Theme URI: http://bluepeneditor.com/
Description: The bluePen Editor website under WordPress
Author: blueBros (Phil Flora)
Author URI: http://bluebros.net/
Version: 1.0
Tags: bluePen Editor, CSS, online, visual, editor
.
.  
.   
*/
@import "http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
@import "http://fonts.googleapis.com/css?family=The+Girl+Next+Door";
@import "http://fonts.googleapis.com/css?family=Archivo+Black";


*:focus{outline:0}html,body,body *{border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}body{font:100%/1.25 Arial,Helvetica,sans-serif}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal}h1{padding:30px 0 25px 0;font-size:2em}h2{padding:20px 0;font-size:1.5em}h3{font-size:1em;font-weight:bold}p,ul,ol{margin:0;padding:0 0 1.25em 0}p,span{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}ul,ol{padding:0 0 1.25em 2.5em}blockquote{margin:1.25em;padding:1.25em 1.25em 0 1.25em}small{font-size:.85em}img{border:0}sup{position:relative;bottom:.3em;vertical-align:baseline}sub{position:relative;bottom:-0.2em;vertical-align:baseline}acronym,abbr{cursor:help;letter-spacing:1px;border-bottom:1px dashed}a,a:link,a:visited,a:hover{text-decoration:none}a img,a:link img,a:visited img,a:hover img{border:0}a:hover{text-decoration:none}form{margin:0;padding:0;display:inline}form input,form select,form textarea{font:1em Arial,Helvetica,sans-serif}form textarea{width:100%;line-height:1.25}table{border:0;margin:0 0 1.25em 0;padding:0}table tr td{padding:2px}#wrap{width:960px;margin:0 auto}.clear{clear:both;font-size:0;line-height:0;height:0}.fl{float:left}.fr{float:right}.tal{text-align:left}.tar{text-align:right}.tac{text-align:center}.taj{text-align:justify}.b{font-weight:bold!important}.i{font-style:italic!important}.u{border-bottom:1px solid!important}.h{background:#ffc!important}.red{color:#cc1f30!important}.gray{color:#ccc!important}.img-left{float:left;margin:4px 10px 4px 0}.img-right{float:right;margin:4px 0 4px 10px}.nop{padding:0}.nom{margin:0}.nobullet{list-style:none;list-style-image:none}article,aside,figure,footer,header,hgroup,menu,nav,section{display:block}

#primaryNav li{width:25%}#primaryNav li ul li{width:100%!important}#primaryNav.col1 li{width:99.9%}#primaryNav.col2 li{width:50.0%}#primaryNav.col3 li{width:33.3%}#primaryNav.col4 li{width:25.0%}#primaryNav.col5 li{width:20.0%}#primaryNav.col6 li{width:16.6%}#primaryNav.col7 li{width:14.2%}#primaryNav.col8 li{width:12.5%}#primaryNav.col9 li{width:11.1%}#primaryNav.col10 li{width:10.0%}#primaryNav{margin:0;float:left;width:100%}#primaryNav #home{display:block;float:none;background:#fff url('../img/sitemap/L1-left.png') center bottom no-repeat;position:relative;z-index:2;padding:0 0 30px 0}#primaryNav li{float:left;background:url('../img/sitemap/L1-center.png') center top no-repeat;padding:30px 0;margin-top:-30px}#primaryNav li a{margin:0 20px 0 0;padding:10px 0;display:block;font-size:14px;font-weight:normal;text-align:center;color:black;background:#c3eafb url('../img/sitemap/white-highlight.png') top left repeat-x;border:1px solid #b5d9ea;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;-moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px}#primaryNav li a:hover{background-color:#e2f4fd;border-color:#97bdcf}#primaryNav li:last-child{background:url('../img/sitemap/L1-right.png') center top no-repeat}.sitemap a{text-decoration:none;font-family:'Open Sans',Arial!important}.sitemap a:link:before,.sitemap a:visited:before{content:" "attr(href)" ";display:block;text-transform:uppercase;font-size:10px;margin-bottom:5px;word-wrap:break-word}#primaryNav li a:link:before,#primaryNav li a:visited:before{color:#78a9c0;display:none}#primaryNav li li{width:100%;clear:left;margin-top:0;padding:10px 0 0 0;background:url('../img/sitemap/vertical-line.png') center bottom repeat-y}#primaryNav li li a{background-color:#cee3ac;border-color:#b8da83}#primaryNav li li a:hover{border-color:#94b75f;background-color:#e7f1d7}#primaryNav li li:first-child{padding-top:30px}#primaryNav li li:last-child{background:url('../img/sitemap/vertical-line.png') center bottom repeat-y}#primaryNav li li a:link:before,#primaryNav li li a:visited:before{color:#8faf5c}#primaryNav li li ul{margin:10px 0 0 0;width:100%;float:right;padding:9px 0 10px 0;background:#fff url('../img/sitemap/L3-ul-top.png') center top no-repeat}#primaryNav li li li{background:url('../img/sitemap/L3-center.png') left center no-repeat;padding:5px 0}#primaryNav li li li a{background-color:#fff7aa;border-color:#e3ca4b;font-size:12px;padding:5px 0;width:80%;float:right}#primaryNav li li li a:hover{background-color:#fffce5;border-color:#d1b62c}#primaryNav li li li:first-child{padding:15px 0 5px 0;background:url('../img/sitemap/L3-li-top.png') left center no-repeat}#primaryNav li li li:last-child{background:url('../img/sitemap/L3-bottom.png') left center no-repeat}#primaryNav li li li a:link:before,#primaryNav li li li a:visited:before{color:#ccae14;font-size:9px}#utilityNav{float:right;max-width:50%;margin-right:10px}#utilityNav li{float:left;margin-bottom:10px}#utilityNav li a{margin:0 10px 0 0;padding:5px 10px;display:block;border:1px solid #e3ca4b;font-size:12px;font-weight:normal;text-align:center;color:black;background:#fff7aa url('images/white-highlight.png') top left repeat-x;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;-moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px}#utilityNav li a:hover{background-color:#fffce5;border-color:#d1b62c}#utilityNav li a:link:before,#utilityNav li a:visited:before{color:#ccae14;font-size:9px;margin-bottom:3px;display:none}


#iCarousel-preloader{position:absolute;z-index:1000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:#000 1px solid;border-color:rgba(0,0,0,0.6);padding:1px;width:150px;height:3px}
#iCarousel-preloader div{float:left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:3px;background:#000;background:rgba(0,0,0,0.6);width:0}
#iCarousel-timer{position:absolute;z-index:1000;border-radius:5px;cursor:pointer; display: none !important}
#iCarousel-timer div{border-radius:3px; }
.carousel-container{width:100%;overflow:hidden}
#icarousel{width:490px;height:400px;position:relative;margin:0 auto;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;perspective:1000px}
#icarousel div.slide{
    border-radius:4px;
/*    border:1px solid #D9D9D9;*/
    width:480px;
    height:360px}
a.iCarouselNav{display:block;position:absolute;top:178px;width:43px;height:43px;background:url(../img/arrows.png) no-repeat;z-index:1000;text-indent:-9999px}
a#iCarouselPrev{left:-40px;background-position:left top; display: none !important}
a#iCarouselPrev:hover{background-position:left bottom}
a#iCarouselNext{right:-40px;background-position:right top; display: none !important}
a#iCarouselNext:hover{background-position:right bottom}


* {
    margin:0px;
    padding:0px;
    font-family: Arial;
    font-size: 11px;
    line-height:17px; 
    color: #666666;
}

*:focus {outline: none}

body {
    background-image: url("../img/background.png");
    background-repeat: repeat-x;
    background-position: 50% 0%;
    background-color: #fcfcfc;
}

b, i, u, form, fieldset, label, legend, strong, table, thead, tbody, th, td, tr,
ul, ol, li, center, a:link, a:visited, div, span {
    font-family: inherit;
    font-size: inherit;
    line-height:  inherit;
    color: inherit;
}


/* //////////////////////*/
/*      Vaz reszek       */
/* //////////////////////*/

/*div#dummy-layer {
        background-image: url("images/dummylayer.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-color: #CCC;
        width: 150px;
        height: 29px;
        padding: 7px;

        font: bold 12px/30px Arial;
        color: #FFF;
        text-align: center;

        position: absolute;
        left: 300px;
        top: 300px;
        cursor: pointer;
}*/

div#maincontainer {
    width: 990px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 0;
    /*	margin-left: 140px;*/
    /*	border-top: 2000px solid #FFF;*/
}

a#logo:link,
a#logo:visited {
    background-image: url("../img/sit-bar-logo.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    float: left;
    width: 231px;
    height: 55px;
    display: inline;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 27px;
    margin-left: 57px;
}

a#logo:hover {
    background-position: 0px -55px;
}

div#beta_version {
    background-image: url("images/betaversion.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 69px;
    height: 69px;
    float: left;
    display: inline;
    margin-left: 15px;
    margin-top: 10px;
}

div#text_comingsoon {
    background-image: url("images/text_comingsoon.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 219px;
    height: 59px;
    float: left;
    display: inline;
    margin-left: 2px;
    margin-top: 10px;
}

div#top_links_holder {
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 27px;
}

div#top_links_left,
div#top_links_right {
    background-image: url("images/hdr_tlb_left.png");
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    display: inline;
    float: right;
    width: 8px;
    height: 29px;
}
div#top_links_right {
    background-image: url("images/hdr_tlb_right.png");
}

ul#top_links {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
    display: inline;
}

ul#top_links li {
    position: relative;
    display: inline;
    float: left;
    line-height: 27px;
}

ul#top_links li.sep {
    background-image: url("images/hdr_tlb_sep.gif");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #FFF;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    display: inline;
    float: left;
    width: 1px;
    height: 27px;
}

ul#top_links li.facebook_logout_li a:link,
ul#top_links li.facebook_logout_li a:visited {
    padding: 3px 5px 3px 10px;
}

ul#top_links li a:link,
ul#top_links li a:visited {
    background-color: #FFF;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 0px 15px;
    display: inline;
    float: left;

    font: normal 12px/27px Arial;
    color: #020202;
}

ul#top_links li a:hover {
    text-decoration: none;
}



/* menu */
div#menu_holder {
    width: 635px;
    height: 26px;
    float: right;
    display: inline;
    margin-top: 20px;
    margin-right: 7px;
    padding-right: 15px;
}

ul#menu {
    /*			background-image: url("images/menu_repeat.gif");
                            background-repeat: repeat-x;
                            background-position: left top;*/
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
    display: inline;
}

ul#menu li {
    background-image: url("../img/menu_bg.jpg");
    background-repeat: repeat-x;
    background-position: left top;
    position: relative;
    display: inline;
    float: right;
}

ul#menu li.menu_left {
    background-image: url("../img/menu_left.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 12px;
    height: 26px;
}

ul#menu li.menu_sep {
    background-image: url("../img/menu_bg_sep.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 12px;
    height: 26px;
}

ul#menu li.menu_2 {
    background-image: url("../img/menu_bg_2.jpg");
    background-repeat: repeat-x;
    background-position: left top;
    height: 26px;
}

ul#menu li.menu_right {
    background-image: url("../img/menu_right.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 12px;
    height: 26px;
}

ul#menu li.menu_2_right {
    background-image: url("../img/menu_bg_2_right.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 12px;
    height: 26px;
}

ul#menu li.sep {
    background-image: url("../img/menu_sep.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    display: inline;
    float: right;
    width: 1px;
    height: 15px;
    padding-top: 7px;
}

ul#menu li a:link,
ul#menu li a:visited {
    display: block;
    padding: 0px 13px;

    font-family: 'Open Sans', Arial;
    font-size: 11px;
    font-weight: normal;
    line-height: 26px;
    color: #000;
}

ul#menu li a:hover,
ul#menu li.current a
{
    text-decoration: none;
    color: #CC1F30;
}

ul#menu li a.active:link,
ul#menu li a.active:visited {
    font-weight: bold;
    color: #26a9e0;
}

a.other:link,
a.other:visited {
    float: right;
    display: inline;
    font: normal 12px/26px Arial;
    padding: 20px 10px 0px;
}

/* header */
div#header_narrow {
    /*		background-image: url("images/header_narrow.png");
                    background-repeat: no-repeat;
                    background-position: left top;*/
    width: 937px;
    height: 158px;
    padding-left: 53px;
}

div#header_narrow h1 {
    padding-top: 53px;
    padding-bottom: 0px;
    margin: 0px;

    font-family: Arial;
    font-size: 26px;
    font-weight: bold;
    line-height: 27px;
    color: #FFF;
    font-style: italic;
}

div#header_narrow h2 {
    margin: 0px;
    padding: 0px;

    font-family: Arial;
    font-size: 23px;
    font-weight: normal;
    line-height: 40px;
    color: #26a9e0;
}

div#header {
    /*	background-image: url(images/header.png);
            background-repeat: no-repeat;
            background-position: left top;*/
    padding-left: 43px;
    width: 947px;
    position: relative;
    padding-top: 30px;
}

a#try-it-btn {
    background-image: url(images/try-it.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 186px;
    height: 37px;
    color: transparent;
    margin-left:auto;
    margin-right:auto;
    display: block;
}

a#header_download {
    background-image: url(images/header_download.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 188px;
    height: 37px;
    color: transparent;
    margin-left:auto;
    margin-right:auto;
    display: block;
}

div#header h1 {
    /*	background-image: url("images/style_your_website_with_bluepen.png");
            background-repeat: no-repeat;
            background-position: 0px 0px;*/
    display: block;
    margin-left:auto;
    margin-right:auto;
    padding: 25px 0px 0px;
    color: #000;
    font: 300 55px/50px 'Open Sans', Arial;
    padding-bottom: 10px;
    display: block;
    text-align: center;
    /*	text-indent: -100000px;*/
}

div#header h1 b {
    font-weight: 600;
    font-size: 60px;
}

div#header h2 {
    /*	background-image: url("images/your_online_visual_css_editor.png");
            background-repeat: no-repeat;
            background-position: 0px 0px;
            display: block;
            text-indent: -100000px;
            width: 447px;
            height: 35px;
            margin-left:auto;
            margin-right:auto;*/
    color: #26a9e0;
    color: #CC1F30;
    font: normal 30px/40px 'The Girl Next Door', Arial;
/*    font: normal 30px/40px Arial;*/
    padding: 0px;
    padding-bottom: 40px;
    display: block;
    text-align: center;
    font-style: italic;
}

div#header h2 span {
    color: #FF8200;
    font-size: 23px;
}


div#header ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

div#header ul li {
    color: #000;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 5px;
    background-image: url(images/arrow.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
}

div#header ul li b {
    color: #FF8200;
    font-size: 14px;
}

#fb-like-holder {
    background-image: url("images/Facebooklogo20px.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-color: #FFF;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    width: 160px;
    height: 23px;
    overflow: hidden;
    padding-top: 4px;
    padding-left: 23px;
}

#header_search {
    background-color: #FFF;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    height: 27px;
    display: block;
    padding-left: 7px;
}

.header_search_input {
    width: 196px;
    border: 1px solid #e3e3e3;
    float: left;
    height: 19px;
    display: inline;
    margin-top: 3px;
    font: normal 12px/19px Arial;
    padding-left: 5px;
    margin-right: 14px;
}

.header_search_submit {
    background: none;
    background-image: url("images/icon/magnifier.png");
    background-repeat: no-repeat;
    background-position: 3px 6px;
    font: normal 12px/27px Arial;
    float: left;
    width: 24px;
    display: inline;
    height: 27px;
    padding-left: 23px;
    text-align: left;
}
/*
#try-it {
        background-image: url("images/try-it.png");
        background-repeat: no-repeat;
        background-position: left top;
        display: block;
        width: 163px;
        height: 32px;
        text-decoration: none;
        margin-left: 98px;
        margin-top: 42px;
}*/

/* /header */


/* content */
div#content_holder {
    /*		background-image: url("images/content_repeat.png");
                    background-repeat: repeat-y;
                    background-position: left top;*/
    width: 990px;

}

div.trio_box h2 span {
    font-size: 12px;
    position: relative;
    bottom: 6px;
    margin-right: 4px;
}

div#center {
    float: left;
    display: inline;
    padding: 10px 0px 10px 70px;
    width: 910px;
    font-family: "Palatino Linotype",Palatino,Georgia,"Times New Roman",Times,serif;
}


div#center h1 {
    margin-bottom: 0px;
    font: 300 55px/50px 'Open Sans',Arial;
    font: 300 55px/50px 'Source Sans Pro', sans-serif;
    color: #000;
    text-align: center;
}

div#center h2 {
    margin-bottom: 0px;
    font: bold 30px/1.5em 'Open Sans',Arial;
}

div#center h3 {
    margin-bottom: 0px;
    font: normal 30px/1.5em 'Open Sans',Arial;
    padding: 0 0 20px
}

div#center img {
    border: 0px;
}

div#center ul {
    margin-bottom: 0px;
}

div#center ul li {
    margin-bottom: 3px;
}


.img_right {
    display: inline;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 10px;
    color: #8E8D8D;
}

div#right {
    float: left;
    width: 274px;
    display: inline;
    padding-top: 15px;
}

div#right p {
}

div#right b {
}

.box-highlight-1 {
    border: 1px solid #EAEAEA;
    background-color: #FDFDFD;
    -moz-border-radius: 5px 5px 5px 5px;
    padding-top: 12px;
    padding-bottom: 0px;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 18px;
    font-family: Arial;
    color: #171E20;
    padding-right: 21px;
}

.box-highlight-1 h3 {
    font: bold 14px/18px Arial;
    color: #26a9e0;
    margin: 0px;
    padding: 0px;
    margin-bottom: 3px;
}

.box-highlight-1 p {
    font: normal 12px/18px Arial;
    color: #171e20;
}

.support_box {
    background-image: url("images/icon/icon_support.png");
    background-repeat: no-repeat;
    background-position: 18px 9px;
    padding-left: 68px;
}

div#right .watch_it {
    background-image: url("images/icon/watch_it_small.png");
    background-repeat: no-repeat;
    background-position: 15px 5px;
    padding-left: 70px;
}

div#right .try_it {
    background-image: url("images/icon/try_it_small.png");
    background-repeat: no-repeat;
    background-position: 5px 0px;
    padding-left: 70px;
}

div#right .buy_it {
    background-image: url("images/icon/buy_it_small.png");
    background-repeat: no-repeat;
    background-position: 15px 5px;
    padding-left: 70px;
}

div#right .box {
    margin-top: 10px;
}

div#right .box h3 {
    font: bold 12px/18px Arial;
    color: #1b1b1b;
    margin-bottom: 7px;
}

div#right .box a:link,
div#right .box a:visited {
    display: block;
    margin-bottom: 10px;
}

div#right .hr {
    background-image: url("images/hr.png");
    background-repeat: repeat-x;
    background-position: left top;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    margin: 5px 0px;
}

div#right .box-highlight-2 {
    background-color: #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 15px 25px;
    margin-bottom: 15px;
}

div#right .box-highlight-2 h3 {
    font: normal 17px/25px Arial;
    color: #191919;
    margin-bottom: 5px;
}

div#right .box-highlight-2 ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div#right .box-highlight-2 ul li {
    font: normal 12px/25px Arial;
    color: #020202;
}

div#right .box-highlight-2 ul li a:link,
div#right .box-highlight-2 ul li a:visited {

}

div.bluePen_content {
    padding: 20px 40px;
}

/* footer */
div#footer_holder {
    width: 950px;
    padding: 10px 0px;
}


div#footer_holder ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div#footer_holder ul li {
    float: left;
    display: inline;
    position: relative;
    width: 305px;
    padding: 0px 5px;
}

div#footer_holder ul li span {
    display: block;
    font: normal 14px/1.3em "Palatino Linotype",Palatino,Georgia,"Times New Roman",Times,serif, Arial;
    padding-right: 15px;
    margin-bottom: 22px;
    padding-top: 7px;
    color: #5B5B5B;
}

div#footer_holder ul li,
div#footer_holder ul li a:link,
div#footer_holder ul li a:visited {
    font: bold 20px/28px "Palatino Linotype",Palatino,Georgia,"Times New Roman",Times,serif;
    color: #000;
}

div#footer_text {
    font: normal 12px/18px Arial;
    color: #020202;
    text-align: center;
}

/* //////////////////////*/
/*    Tovabbi reszek     */
/* //////////////////////*/

.hr_grad {
    background-image: url("images/grad_sep.gif");
    background-repeat: repeat-x;
    background-position: left top;
    height: 7px;
    margin-bottom: 2px;
}

.more {
    background-image: url("images/icon/more.gif");
    background-repeat: no-repeat;
    background-position: 3px 50%;
    font-weight: bold;
    color: #26a9e0;
    padding-left: 13px;
    font-size: 12px;
}

.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}

.fwb { font-weight: bold; }


.hr {
    background-image: url("../img/hr.gif");
    background-repeat: repeat-x;
    background-position: left top;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}

.hr_arrow {
    background-image: url("images/sep_arrow.jpg");
    background-repeat: repeat-x;
    background-position: left top;
    width: 910px;
    height: 46px;
    font-size: 1px;
    line-height: 1px;
    margin-bottom: 50px;
}

.featured {
    background-color: #F4F4F4;
    padding-right: 62px;
    padding-bottom: 27px;
    padding-left: 52px;
    padding-top: 0px;
}

div.featured h2 {
    padding-bottom: 0px;
}

div.featured h2 span {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    bottom: 10px;
}

/*p {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        color: #020202;
}*/

#login_popup_holder {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    z-index: 1000;
}


#login_popup_holder fieldset {
    padding: 0px;
    margin: 0px;
}

#login_popup_holder legend {
    display: none;
}

.popup_top {
    background-image: url("images/popup_top.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 275px;
    height: 9px;
    font: normal 1px/1px Arial;
}

.popup_repeat {
    background-image: url("images/popup_repeat.png");
    background-repeat: repeat;
    background-position: left top;
    padding-top: 7px;
    padding-right: 22px;
    padding-left: 22px;
    padding-bottom: 12px;
}


#login_popup_close:link,
#login_popup_close:visited {
    display: block;
    font: normal 10px/1.5em Arial;
    color: #CCC;
    text-align: right;
    margin-bottom: 7px;
}

.popup_bottom {
    background-image: url("images/popup_bottom.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 275px;
    height: 9px;
    font: normal 1px/1px Arial;
}


/* login popup form */
#login_popup_form {

}

#login_popup_form label {
    float: left;
    width: 60px;
    display: inline;

    font: normal 11px/21px Arial;
    color: #FFF;
    margin-bottom: 14px;
}

#login_popup_form .popup_input {
    border: 0px;
    background-color: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    width: 156px;
    height: 21px;
    padding: 1px 7px;

    font: normal 11px/21px Arial;
    color: #000;
}

#login_popup_form .popup_login_submit_btn {
    background-image: url("images/icon/blue_circle_arrow.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    padding-left: 16px;
    text-align: left;

    font: bold 12px/18px Arial;
    color: #26a9e0;
}

#login_popup_form .popup_lost_passwd:link,
#login_popup_form .popup_lost_passwd:visited {
    background-image: url("images/icon/white_circle_qm.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    margin-left: 10px;

    font: normal 11px/18px Arial;
    color: #f4f4f4;
}

.icon_support {
    background-image: url("images/icon/icon_support.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 45px !important;
}

.content {
    padding: 0px 20px;
}

.header_trio_links:link,
.header_trio_links:visited {
    background-color: #26A9E0;
    -moz-border-radius: 3px 3px 3px 3px;
    float: left;
    width: 130px;
    display: inline;
    font-size: 11px;
    line-height: 27px;
    font-family: Arial;
    color: #020202;
    text-align: center;
    margin-right: 5px;
    margin-top: 9px;
}

.pl_5 {
    padding-left: 5px !important;
}

.pr_5 {
    padding-right: 5px !important;
}


#login_popup_form div.not_a_member {
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #444444;
    padding-top: 7px;
    margin-top: 11px;
}

#login_popup_form div.sign_up_text {
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    padding-top: 4px;
}

#login_popup_form div.sign_up_text a {
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
}

#login_popup_form .sign_up_or {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
}


#overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #000;
    opacity:0.5;
    width: 100%;
    height: 2000px;
    display: none;
}

#popup {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 810px;
    height: 490px;
    margin-left: -405px;
    margin-top: -245px;
    display: none;
}

#video_popup_close:link,
#video_popup_close:visited {
    display: block;
    text-align: right;
    font: normal 10px/1.5em Arial;
    color: #FFF;
}

.download {
    /*	background-image: url("images/arrow_down.png");
            background-repeat: no-repeat;
            background-position: left top;*/
    padding-left: 18px;
    margin-left: 14px;
}

.download a:link,
.download a:visited {
    font: bold 13px/1.5em Arial;
    color: #26a9e0;
}

.download a:hover { text-decoration: underline;	}

.next-step:link,
.next-step:visited {
    display: block;
    text-align: center;
    font: bold 16px/1.5em Arial;
    color: #26a9e0;
}
.next-step:hover { text-decoration: underline;	}


.li_dot {
    background-image: url("images/li_dot.jpg");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding: 5px 0px 5px 0px;
    list-style-type: none;
}

.li_dot b {
    color: #26a9e0;
    float: left;
    display: inline;
    padding-bottom: 18px;
    margin-right: 7px;
}

.li_dot span.li_nmb {
    font: bold 15px/1.5em Arial;
    color: #FFF;
    padding: 0px 14px 0px 10px;
    float: left;
    display: inline;
}

.add_domain {
    background-color: #efefef;
    border: 1px solid #dddddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    padding: 16px 25px;
    margin-top: 14px;
}

.add_domain h1 {
    padding: 0px;
    font: normal 15px/1.5em Arial;
    color: #222;
}

.add_domain h1 b {
    font: bold 20px/1.5em Arial;
}

.add_domain h1 span {
    font: bold 15px/1.5em Arial;
}

.marked {
    background-color: #efefef;
    border: 1px solid #dddddd;
    border-bottom: 0px;
    padding: 53px 55px 40px;
}

.marked ul {
    margin: 0px 0px;
    padding: 0px 0px 0px 20px;
}

#center .marked img {
    border: 1px solid #CCC;
    padding: 1px;
    margin: 7px 0px;
}

.tac { text-align: center; }

.pos_out {
    position: absolute !important;
    left: -10000px !important;
}



#home .box {
    float: left;
    width: 294px;
    display: inline;
    padding: 0px 10px 0px 24px;
    margin-top: 52px;
}

#home .box.center {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

#home .box h2 {
    font: 600 20px/1.1em "Open Sans", Arial;
    font: 600 20px/1.1em 'Source Sans Pro', sans-serif;
    color: #000;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    display: block;
    text-align: center;
}

#home .box h3 {
    font: normal 12px/1.2em "Open Sans", Arial;
    color: #6e6e6e;
    padding: 0px;
    margin: 0px;
    display: block;
    text-align: center;
    margin-bottom: 17px;
}

#home .box p {
    font: normal 16px/1.5em Arial;
    color: #000;
    padding: 0px;
    margin: 0px;
    padding-bottom: 20px;
}

h3#bluepen_for_free {
    background-image: url("images/bluepen_for_free.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 920px;
    height: 79px;
    margin-left:auto;
    margin-right:auto;
    text-indent: -100000px;
}

#home h2 {
    color: #000;
    font: 300 39px/30px 'Open Sans', Arial;
    font: 300 39px/30px 'Source Sans Pro', sans-serif;
    text-align: center;
    margin-bottom: 20px;
}

#home #try-it-now-btn:link,
#home #try-it-now-btn:visited {
    float: left;
    width: 379px;
    display: inline;
    font: normal 30px/49px 'The Girl Next Door', Arial;
    color: #26a9e0;
    padding-right: 13px;
    text-align: right;
}

#home #launch-bluepen-btn:link,
#home #launch-bluepen-btn:visited {
    background-image: url("images/launch_bluepen_btn.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    width: 219px;
    height: 49px;
    display: inline;
    text-indent: -100000px;
}

#home #text-or {
    font: normal 16px/49px 'The Girl Next Door', Arial;
    color: #26a9e0;
    float: left;
    width: 35px;
    display: inline;
    text-align: center;
}

#home #download-it-btn:link,
#home #download-it-btn:visited {
    float: left;
    width: 340px;
    display: inline;
    font: normal 30px/49px 'The Girl Next Door', Arial;
    color: #26a9e0;
}

.serif {
    font-family: "Palatino Linotype",Palatino,Georgia,"Times New Roman",Times,serif !important;
}

#bluepen_demo_video_holder {
    background-color: #000;
    width: 872px;
    padding: 1px 0px;
}

#just_login {
    font: normal 20px/49px 'The Girl Next Door', Arial;
    color: #26a9e0;
    padding-left: 300px;
    margin-left:auto;
    margin-right:auto;
}

#download_paywithatweet {
    margin-bottom: 20px;
    text-align: center;
}

#download_or {
    font: normal 30px/49px 'The Girl Next Door', Arial;
    color: #26a9e0;
    text-align: center;
    margin: 7px 0px;
}

#center.download_content h2 {
    font-family: 'The Girl Next Door', Arial;
    color: #26a9e0;
    font-size: 40px;
}

#center.download_content h2 span {
    font-family: 'Open Sans', Arial;
    color: #000;
    font-size: 30px;

}

#center.download_content form h2,
#center.download_content form legend {
    display: none;
}

#center.download_content h1 {
    margin-bottom: 40px;
}

#sign_up_info_btn {
    vertical-align: middle;
}

#sign_up_benefits {
    display: none;
}

.download_holder {
    width: 765px;
    margin-left:auto;
    margin-right:auto;
}

.download_share {
    width: 350px;
    float: left;
    display: inline;
    margin-top: 25px;
}

#download_btn:link img,
#download_btn:visited img {
    border: 0px !important;
}

.vr_or {
    background-image: url("images/vr_or.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 14px;
    height: 183px;
    float: left;
    display: inline;
    margin: 0px 24px;
}

.download_login {
    width: 350px;
    float: left;
    display: inline;
    margin-top: 25px;
}

.download_login #toggle-form {
    width: 350px;
    display: block;
}

.download_login #toggle-form img {
    border: 0px !important;
}

.info_circle {
    background-image: url("images/info_circle.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 42px;
    margin-left: 50px;
    margin-top: 30px;
    text-align: left;
    padding-right: 25px;
    font: normal 12px/1.2em "Palatino Linotype",Palatino,Georgia,"Times New Roman",Times,serif;
    color: #999;
}

.download_login #login_form {
    width: 330px;
    display: block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 20px;
}

.download_login #login_form h2 {
    display: none;
}

.download_login #login_form legend {
    display: none;
}

.download_login #login_form .input {
    width: 210px;
    padding: 3px 7px;
    border: 1px solid #C4C4C4;
    margin-bottom: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.download_login #login_form .input_focus {
    border: 1px solid #26a9e0 !important;
}

.download_login #login_form label {
    width: 85px;
    float: left;
    display: inline;
    line-height: 29px;
    text-align: left;
}

.download_login #login_form label.error {
    float: left;
    width: 230px;
    display: inline;
    font: normal 14px/28px "Palatino Linotype",Palatino,Georgia,"Times New Roman",Times,serif,Arial;
    color: #B00000;
    margin-bottom: 10px;
    margin-left: 95px;
}

.download_login #login_form .signup.submit {
    background: none;
    background-color: #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;

    float: left;
    display: inline;
    width: 86px;
    height: 25px;
    border: 0px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    margin-right: 10px;
}

.download_login #login_form .login.submit {
    background: none;
    background-color: #009bd5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    float: left;
    display: inline;
    margin-left: 86px;

    width: 86px;
    height: 25px;
    border: 0px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    margin-right: 10px;
}

#restore_btn:link,
#restore_btn:visited {
    background-image: url("images/restore_btn.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 154px;
    height: 53px;
    display: block;
    position: fixed;
    right: 0px;
    top: 150px;
}

.rovatoldal td {
    vertical-align: top;
    padding: 3px 15px;
}

#playground_selector .title {
    font: bold 33px/1.5em 'Open Sans', Arial;
    color: #000;
    padding-left: 171px;
}

#playground_selector .title span {
    font: bold 30px/1.5em 'Open Sans', Arial;
    color: #545454;
}

#playground_selector .subtitle {
    background: url('images/playground_arrow.png') no-repeat right center;
    font: normal 14px/1.5em 'Open Sans', Arial;
    color: #000;
    font-style: italic;
    padding-left: 431px;
    padding-right: 20px;
    width: 214px;
}

#bluepen_content div.playground_btn,
#bluepen_content .playground_btn:link,
#bluepen_content .playground_btn:visited {
    float: left;
    display: inline;
    font: normal 18px/10px Arial;
    color: #e54d27;
    padding-top: 23px; 
    height: 227px; /* pl: 173px */
}

#bluepen_content div.playground_btn .title,
#bluepen_content .playground_btn:link .title,
#bluepen_content .playground_btn:visited .title {
    font: normal 11px/1.5em Arial;
    color: #CCC;
    display: block;
    margin: 0px 0px;
    padding: 26px 0px 0px;
    margin-bottom: 124px;
}

#bluepen_content .playground_btn:hover {
    text-decoration: none;
}

#bluepen_content .playground_btn:link b,
#bluepen_content .playground_btn:visited b {
    font: bold 30px/20px 'Open Sans', Arial;
    color: #000;
    display: block;
    text-transform: uppercase;
    margin-left: -7px;
}

#bluepen_content div.playground_btn {
    font: bold 14px/14px Arial;
    color: #393939;
}

#bluepen_content div.playground_btn i {
    font: normal 11px/11px Arial;
    color: #7d7d7d;
    font-style: italic;
    display: block;
    margin-left: -8px;
}

#bluepen_content .playground_wordpress,
#bluepen_content .playground_wordpress:link,
#bluepen_content .playground_wordpress:visited {
    background: url('images/playground_wordpress.png') no-repeat left top;
    width: 104px;
    margin-left: 79px;
    padding-left: 77px;
}

#bluepen_content .playground_wordpress .title,
#bluepen_content .playground_wordpress:link .title,
#bluepen_content .playground_wordpress:visited .title {
    padding-left: 12px;
}

#bluepen_content .playground_drupal,
#bluepen_content .playground_drupal:link,
#bluepen_content .playground_drupal:visited {
    background: url('images/playground_drupal.png') no-repeat left top;
    width: 105px; /* pl: 41px */
    padding-left: 44px;
}

#bluepen_content .playground_drupal .title,
#bluepen_content .playground_drupal:link .title,
#bluepen_content .playground_drupal:visited .title {
    padding-left: 20px;
}

#bluepen_content .playground_joomla,
#bluepen_content .playground_joomla:link,
#bluepen_content .playground_joomla:visited {
    background: url('images/playground_joomla.png') no-repeat left top;
    width: 77px; /* pl: 41px */
    padding-left: 48px;
}

#bluepen_content .playground_joomla .title,
#bluepen_content .playground_joomla:link .title,
#bluepen_content .playground_joomla:visited .title {
    padding-left: 6px;
}

#bluepen_content .playground_magento,
#bluepen_content .playground_magento:link,
#bluepen_content .playground_magento:visited {
    background: url('images/playground_magento.png') no-repeat left top;
    width: 88px; /* pl: 41px */
    padding-left: 41px;
}

#bluepen_content div.playground_btn.playground_magento .title,
#bluepen_content div.playground_btn.playground_magento:link .title,
#bluepen_content div.playground_btn.playground_magento:visited .title {
    margin-left: -4px;
}

#bluepen_content .playground_other,
#bluepen_content .playground_other:link,
#bluepen_content .playground_other:visited {
    background: url('images/playground_other.png') no-repeat left top;
    width: 163px; /* pl: 41px */
    padding-left: 30px;
}

#bluepen_content .playground_other .title,
#bluepen_content .playground_other:link .title,
#bluepen_content .playground_other:visited .title {
    padding-left: 0px;
}

#playground_selector .comment {
    font: normal 11px/1.5em Arial;
    color: #363636;
    font-style: italic;
    text-align: center;
    margin-bottom: 14px;
}

.line{
    /*    height:7px;
        background: url('line.png')  no-repeat -4px top;
        margin: 43px 0 -30px;*/
}
.sta_radimo{
    margin-top: -10px
}
.handshake{
    margin: 0 auto;
    text-align: center;
    width: 645px;
}
.handshake img{
    display: block;    
}
.bottom-0{
    padding-bottom: 0 !important
}

#sf {
}
#sf fieldset {
    border: 0 none;
    display: inline;
    float: left;
    margin-bottom: 3px;
    padding: 15px 1px 10px 10px;
    width: 429px;
}
#sf legend {
    font-weight: bold;
    height: 47px;
    padding-top: 0;
    width: 400px;
}
#sf label {
    display: inline;
    float: left;
    width: 120px;
}
#sf label.error {
    color: #B00000;
    display: block;
    float: none;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 120px;
    width: 300px;
}
#sf .select {
    border: 1px solid #CCCCCC;
    display: inline;
    float: left;
    height: 23px;
    margin-bottom: 3px;
    padding: 3px;
    width: 312px;
}
#sf .input {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #CC1F30;
    display: inline;
    float: left;
    font: bold 16px/1.5em Arial;
    height: 23px;
    margin-bottom: 7px;
    padding: 6px 7px;
    width: 400px;
}
#sf .textarea {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #CC1F30;
    display: inline;
    float: left;
    height: 130px;
    margin-bottom: 3px;
    padding: 7px;
    width: 400px;
}
#sf #sf_seccode {
    clear: both;
    display: block;
    margin-left: 120px;
    margin-top: 20px;
}
#sf input.urf_inp_f {
    border: 1px solid #999999;
}
#sf #sf_sbmt_btn {
    background-color: #0C2128;
    border: 0 none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    margin-left: 11px;
    margin-right: 10px;
    text-align: center;
    width: 86px;
}
#sf #sf_rst_btn {
    background: none repeat scroll 0 0 #E1E1E1;
    color: #000000;
    font: 12px/18px Arial;
    height: 25px;
    width: 50px;
}
#sf .error {
    border: 1px solid #B00000;

}
.noborder {
    border: 0 none !important;
}
.pos_out {
    left: -10000px !important;
    position: absolute !important;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 1em;
}
.sf-menu ul, 
.sf-menu ul li
{
    /*    box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/
    min-width: 179px; /* allow long menu items to determine submenu width */
    *width: 179px; /* no auto sub width for IE7, see white-space comment below */
}

ul#menu li ul li{
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    /*    border-bottom: 1px solid #DFDFDF;*/
    background: url(../img/menu_bg_sub.jpg) repeat-x;
    /*    background: #FAFAFA;*/
}
ul#menu li ul li:last-child{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
ul#menu li.current ul li a{
    color: #000000
}
ul#menu li.current ul li a:hover{
    color: #CC1F30
}
#map_holder{
    width: 910px;
    height: 550px
}
.sitemap ul li{
    list-style-type: none;
    margin-bottom: 0 !important
}
.sitemap ul,
.sitemap ol{
    margin: 0;
    padding: 0
}
#top{
    margin-left: auto;
    margin-right: auto;
    height: 30px;
    width: 990px;
}

#top ul {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-right: 22px;
    padding-top: 9px
}
#top ul li {
    border-right: 1px solid #C1CAD7;
    float: left;
    font-size: 11px;
    line-height: 11px;
    padding: 0 10px;
}
#top ul li:last-child {
    border-right: 0 none;
    position: relative;
}
#top ul li a {
    color: #5F6267;
    text-decoration: none;
}
p a{
    text-decoration: underline !important
}
p a:hover{
    color: #666 !important
}